/**
 * Created by caosh on 2018/1/17 0017.
 */
var Account = new Vue({
    el: '#account',
    created: function () {
        // 页面初始化时 根据是否有门店维护标识 展示门店管理
        if (store.get('storeFlag') != undefined) {
            this.isStoreManager = true;
            this.tip = '门店管理';
            this.toStoreManager();
            store.remove('storeFlag');
        }
    },
    data: {
        tip: '账号管理',
        isPasswordManager: false,
        isStoreManager: false,
        passwordForm: { // 找回密码绑定的数据
            tel: '',
            validCode: '',
            password: '',
            repeatPassword: '',
            isShow: false,
            codeMsg: '获取验证码',
            isDisabled: false
        },
        storeList: [] // 门店数据
    },
    methods: {
        goBack: function () {
            if (!this.isPasswordManager && !this.isStoreManager) {
                window.history.back(-1);
            } else {
                this.tip = '账号管理';
                this.isPasswordManager = false;
                this.isStoreManager = false;
            }
        },
        logout: function () {
            store.remove('user');
            store.set('isLogin', false);
            this.goBack();
        },
        // 门店管理
        toStoreManager: function () {
            this.tip = '门店管理';
            this.isStoreManager = true;
            var _this = this;
            // 调用后台 获取门店数据
            /**
             $.post(url, {tel: store.get('user').phone}, function(result){
                _this.storeList = result;
             }, 'json');
             */
            var result = [
                {name: '门店名', province: '广东省', city: '广州市', district: '海珠区', region: '广东省广州市海珠区', location: '景泰街道到到 100000号', phone: '13745678910', personName: '路人甲', business: '', isDefault: true},
                {name: '门店名', province: '广东省', city: '广州市', district: '海珠区', region: '广东省广州市海珠区', location: '景泰街道到到 100000号', phone: '13745678910', personName: '路人乙', business: '', isDefault: false},
                {name: '门店名', province: '广东省', city: '广州市', district: '海珠区', region: '广东省广州市海珠区', location: '景泰街道到到 100000号', phone: '13745678910', personName: '路人丙', business: '', isDefault: false},
                {name: '门店名', province: '广东省', city: '广州市', district: '海珠区', region: '广东省广州市海珠区', location: '景泰街道到到 100000号', phone: '13745678910', personName: '路人丁', business: '', isDefault: false},
                {name: '门店名', province: '广东省', city: '广州市', district: '海珠区', region: '广东省广州市海珠区', location: '景泰街道到到 100000号', phone: '13745678910', personName: '路人戊', business: '', isDefault: false}
            ];
            _this.storeList = result;
        },
        // 密码管理
        toPasswordManager: function () {
            this.tip = '密码管理';
            this.isPasswordManager = true;
            this.passwordForm = { // 找回密码绑定的数据
                tel: '',
                validCode: '',
                password: '',
                repeatPassword: '',
                isShow: false,
                codeMsg: '获取验证码',
                isDisabled: false
            }
        },
        // 新增门店
        toNewStore: function () {
            store.set('storeFlag', 'new'); // 新增门店标识
            window.location.href = './store.html';
        },
        // 编辑门店
        editStore: function (storeObj) {
            store.set('storeFlag', 'edit'); // 编辑门店标识
            store.set('store', storeObj);
            window.location.href = './store.html';
        },
        // 删除门店
        deleteStore: function (store) {
            var _this = this;
            var result = {success: true};
            if (result.success) {
                // 移除门店数据
                _this.storeList.splice(_this.storeList.indexOf(store), 1);
                // 如果删除门店是默认地址 将默认设置为第一个门店
                if (store.isDefault && _this.storeList.length > 0) {
                    _this.setDefault(_this.storeList[0]);
                }
            }
            // 请求后台删除门店数据
            /**
             $.post(url, store, function(result){
                if (result.success) {
                    // 移除门店数据
                    _this.storeList.splice(_this.storeList.indexOf(store), 1);
                    // 如果删除门店是默认地址 将默认设置为第一个门店
                    if (store.isDefault && _this.storeList.length > 0) {
                        _this.setDefault(_this.storeList[0]);
                    }
                }
             }, 'json');
             */
        },
        // 设置默认
        setDefault: function (storeObj) {
            // 请求后台更改数据库数据
            /**
             $.post(url, storeObj, function(result){
                if (result.success) {
                    // 首先清空当前默认状态
                    this.clearDefault();
                    storeObj.isDefault = true;
                    // 本地缓存默认门店地址 用于下单时使用
                    store.set('defaultStore', storeObj);
                }
             }, 'json');
             */
            var result = {success: true};
            if (result.success) {
                // 首先清空当前默认状态
                this.clearDefault();
                storeObj.isDefault = true;
                // 本地缓存默认门店地址 用于下单时使用
                store.set('defaultStore', storeObj);
            }
        },
        // 清空默认
        clearDefault: function () {
            for(var i=0; i<this.storeList.length; i++) {
                this.storeList[i].isDefault = false;
            }
        },
        // 找回密码
        findPassword: function () {
            // 验证手机是否合法
            if (!this.validTel(this.passwordForm.tel)) return;

            // 验证两次密码是否一致
            if (!this.validPassword(this.passwordForm)) return;

            var duration = 2000,
                _this = this;
            this.isShowMask = true;

            // 请求后台
            /**
             $.ajax({
              type: 'POST',
              url: url,
              data: passwordForm,
              success: function(result){
                if (result.success) {
                    _this.$toast({
                        message: '注册成功',
                        iconClass: 'iconfont icon-success iconfont-g',
                        className: 'bsz-toast',
                        duration: duration
                    });

                    _this.goBack();
                }
              },
              complete: function(XHR, TS){
                var t = setInterval(function () {
                    _this.isShowMask = false;
                    if (!_this.isShowMask) {
                        clearInterval(t);
                    }
                },duration);
              },
              dataType: 'json'
            });
             */
                // 密码找回成功，返回登录页
            var result = {success: true};
            if (result.success) {
                _this.$toast({
                    message: '注册成功',
                    iconClass: 'iconfont icon-success iconfont-g',
                    className: 'bsz-toast',
                    duration: duration
                });

                _this.goBack();
            }

            // 隐藏遮罩层
            var t = setInterval(function () {
                _this.isShowMask = false;
                if (!_this.isShowMask) {
                    clearInterval(t);
                }
            }, duration);
        },
        // 验证密码
        validPassword: function (obj) {
            if (obj.password != obj.repeatPassword) {
                this.$toast({
                    message: '密码不一致,请重新输入!',
                    className: 'bsz-toast-gray',
                    duration: 1500
                });

                return false;
            }

            if (obj.password.length == 0) {
                this.$toast({
                    message: '请输入密码!',
                    className: 'bsz-toast-gray',
                    duration: 1500
                });

                return false;
            }

            return true;
        },
        // 验证手机
        validTel: function (tel) {
            if (tel.length != 11) {
                this.$toast({
                    message: '手机号码不是11位吗？',
                    className: 'bsz-toast-gray',
                    duration: 1500
                });

                return false;
            }

            return true;
        },
        // 获取验证码
        getValidCode: function (obj) {
            // 手机号码不合法 返回
            if (!this.validTel(obj.tel)) return;

            // 获得验证码的js效果
            var time = 90;
            obj.isDisabled = true;
            obj.codeMsg = time + 'S';
            var t = setInterval(function () {
                time--;
                obj.codeMsg = time + 'S';
                if (time == 0) {
                    clearInterval(t);
                    obj.isDisabled = false;
                    obj.codeMsg = '重新获取';
                }
            }, 1000);
        }
    }
});